<!DOCTYPE html>
<html>
<head>
	<title>The Beard and Moustache Club of NC</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<!-- CSS -->
	<link rel="stylesheet" href="bootstrap.min.css">
	<link rel="stylesheet" href="style.css">
	<link rel="shortcut icon" href="favicon.ico" />
	<link href='http://fonts.googleapis.com/css?family=Roboto:900,400' rel='stylesheet' type='text/css'>
	
	<!-- JS -->
	<script src="jquery.min.js" ></script>
	<script src="bootstrap.min.js"></script>
	
</head>
<body role="document">

<div class="section header">
	<div class="hidden-xs" style="height: 20px;"></div>
	<header class="container-fluid">
		<div class="row">
			<div class="col-xs-12 col-sm-6 align-center">
				<img class="img-responsive" style="margin: auto;" src="logo.png">
			</div>
			<div class="col-xs-12 col-sm-6 align-center">
				<h2>Charlotte</h2>
				<a href="" class="btn btn-info btn-state">View Greensboro Chapter &raquo;</a>
			</div>
			<div class="col-xs-12 col-sm-6">
				<form action="" method="post">
					<div class="form-group clearfix">
						<div class="float-left">
							<input type="text" class="form-control" name="email" id="email" placeholder="Email Address" required>
							<input type="text" class="form-control" name="pass" id="pass" placeholder="Password" required>
						</div>
						<div class="float-right">
							<div class="remember"><input type="checkbox" name="remember" id="remember"><label for="remember">Remember</label></div>
							<button class="form-control btn btn-primary block" type="submit">Sign In &raquo;</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</header>
</div>

<div class="section notice bg-blue">
	<div class="container-fluid">
		<div class="row">
			
		</div>
	</div>
</div>

<div class="section about bg-gray">
	<div class="container-fluid">
		<div class="row">
			<div class="col-xs-12 col-sm-4">
				<h3>Who We Are</h3>
				<p class="align-justify">We are an all-inclusive group of men and women from many backgrounds and lifestyles who have banded together through our shared appreciation for facial hair and its cultural impact.</p>
				<p><a class="btn btn-info" href="#">Click to read more &raquo;</a></p>
			</div>
			<div class="col-xs-12 col-sm-4">
				<h3>What We Do</h3>
				<p class="align-justify">In this club we organize and participate in community events to raise funds for our partner charities while educating the public about the current beard and moustache culture.</p>
				<p><a class="btn btn-info" href="#">Click to read more &raquo;</a></p>
			</div>
			<div class="col-xs-12 col-sm-4">
				<h3>Contact Us</h3>
				<p class="align-justify">Whether you'd like to become a member or simply want to find out more about our club and our cause, we will be more than happy to answer any questions you might have.</p>
				<p><a class="btn btn-info" href="#">Click to contact us &raquo;</a></p>
			</div>
		</div>
	</div>
</div>

<div class="section footer bg-none">
	<footer class="container-fluid">
		<div class="row social-media">
			<div class="col-xs-12 col-sm-6 align-center">
				<a target="_blank" href="https://www.facebook.com/BMCofNC.clt"><img class="img-responsive" src="footer_Facebook.png" /></a>
			</div>
			<div class="col-xs-12 col-sm-6 align-center">
				<a target="_blank" href="https://instagram.com/bmcofnc_charlotte"><img class="img-responsive" src="footer_Instagram.png" /></a>
			</div>
		</div>
		<div class="row">
			<div class="copyright col-xs-12 align-center">
				<p>&copy; Copyright <?php echo date('Y',time()); ?>, The Beard and Moustache Club of North Carolina.</p>
			</div>
		</div>
	</footer>
</div>

</body>
</html>